﻿<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>基于数字经济的农产品融销一体平台</title>
	<!-- 样式表 -->
	<link href="/css/bootstrap.css" rel="stylesheet">
	<link href="/css/style.css" rel="stylesheet">
	<link href="/css/meanmenu.min.css" rel="stylesheet">
	<link href="/css/responsive.css" rel="stylesheet">

	<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap" rel="stylesheet">

	<!-- 颜色切换器模拟样式 -->
	<link href="/css/color-switcher-design.css" rel="stylesheet">

	<link rel="shortcut icon" href="/picture/favicon.png" type="image/x-icon">
	<link rel="icon" href="/picture/favicon.png" type="image/x-icon">

	<!-- 响应式设置 -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

	<!--[if lt IE 9]><script src="/js/html5shiv.js"></script><![endif]-->
	<!--[if lt IE 9]><script src="/js/respond.js"></script><![endif]-->
</head>

<body>

<div class="page-wrapper">

	<!-- 自定义光标 -->
	<div class="cursor"></div>
	<div class="cursor-follower"></div>
	<!-- 自定义光标结束 -->

	<!-- 页面加载动画 -->
	<div class="preloader"></div>
	<!-- 页面加载动画结束 -->

	<!-- 主头部 / 头部样式四 -->
	<header class="main-header header-style-four">

		<!-- 头部上方区域 -->
		<div class="header-upper">
			<div class="auto-container">
				<div class="inner-container">
					<div class="d-flex justify-content-between align-items-center flex-wrap">

						<!-- 左侧区域 -->
						<div class="left-box d-flex align-items-center flex-wrap">
							<!-- Logo区域 -->
							<div class="logo-box">
								<div class="logo"><a href="index1.html">基于数字经济的农产品融销一体平台</a></div>
							</div>

							<div class="header-off d-flex align-items-center">
								<i><img src="/picture/icon-60.png" alt=""></i>
								消费满5000元即赠40元礼品卡<br>满30元即可享受免费配送
							</div>

						</div>

						<!-- 右侧区域 -->
						<div class="right-box">
							<!-- 主菜单结束 -->
							<div class="outer-box d-flex align-items-center flex-wrap">

								<!-- 头部电话区域 -->
								<div class="header-phone_box">
									<div class="header-phone_icon"><img src="/picture/phone.png" alt="" title=""></div>
									<div>
										需要帮助？
										<a href="tel:+88-013-24-51-12-55">+88 013 24 51 12 55</a>
									</div>
									<span class="mobile-icon flaticon-touch"></span>
								</div>

								<!-- 按钮区域 -->


							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
		<!-- 头部上方区域结束 -->

		<!-- 头部下方区域 -->
		<div class="header-lower">
			<div class="auto-container">
				<div class="nav-outer d-flex justify-content-between align-items-center flex-wrap">

					<!-- 主菜单 -->
					<nav class="main-menu navbar-expand-md">
						<div class="navbar-header">
							<!-- 切换按钮 -->
							<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="切换导航">
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
						</div>

						<div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
							<ul class="navigation clearfix">

								<li class="dropdown"><a href="#">关于我们</a>
									<ul>
										<li><a href="about.html">团队介绍</a></li>
									</ul>
								</li>
								<li class="dropdown"><a href="#">商店</a>
									<ul>
										<li><a href="/goods/showGoodsPage?pageNum=1">商店首页</a></li>
									</ul>
								</li>
								<li><a href="/user/showZhuanJia">专家咨询</a></li>
							</ul>
						</div>
					</nav>

					<!-- 功能选项区域 -->


				</div>
			</div>
		</div>

		<!-- 移动端菜单 -->
		<div class="mobile-menu">
			<div class="menu-backdrop"></div>
			<div class="close-btn"><span class="icon flaticon-close"></span></div>

			<nav class="menu-box">
				<div class="nav-logo"><a href="index1.html"><img src="/picture/mobile-logo.png" alt="" title=""></a></div>
				<div class="menu-outer"><!-- 菜单将通过JavaScript自动加载 / 与头部菜单一致 --></div>
			</nav>
		</div>
		<!-- 移动端菜单结束 -->

	</header>
	<!-- 主头部 / 头部样式四结束 -->

	<!-- 侧边购物车 -->
	<div class="xs-sidebar-group info-group">
		<div class="xs-overlay xs-bg-black"></div>
		<div class="xs-sidebar-widget">
			<div class="sidebar-widget-container">
				<div class="close-button">
					<span class="flaticon-close"></span>
				</div>
				<div class="sidebar-textwidget">

					<!-- 侧边栏内容区域 -->
					<div class="sidebar-info-contents">
						<div class="content-inner">

							<!-- 标题区域 -->
							<div class="title-box">
								<h5>有机食品 & <span>农产品</span></h5>
								<div class="price">满15美元可享经济配送</div>
							</div>

							<!-- 空购物车区域 -->
							<div class="empty-cart-box">
								<!-- 无商品提示 -->
								<div class="no-cart">
									<span class="icon flaticon-shopping-cart-2"></span>
									购物车中暂无商品。
								</div>
							</div>

							<!-- 下方推荐区域 -->
							<div class="lower-box">
								<h5>热门 <span>推荐</span></h5>

								<!-- 推荐商品块 -->
								<div class="post-block">
									<div class="inner-box">
										<div class="image">
											<img src="/picture/post-thumb-1.jpg" alt="有机食品产品图">
										</div>
										<h6><a href="#">有机食品</a></h6>
										<div class="rating">
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
										</div>
										<div class="price-box">15美元</div>
										<a class="theme-btn bag-btn" href="#">加入购物袋</a>
									</div>
								</div>

								<!-- 推荐商品块 -->
								<div class="post-block">
									<div class="inner-box">
										<div class="image">
											<img src="/picture/post-thumb-2.jpg" alt="有机商店产品图">
										</div>
										<h6><a href="#">有机商店</a></h6>
										<div class="rating">
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
										</div>
										<div class="price-box">20美元</div>
										<a class="theme-btn bag-btn" href="#">加入购物袋</a>
									</div>
								</div>

								<!-- 推荐商品块 -->
								<div class="post-block">
									<div class="inner-box">
										<div class="image">
											<img src="/picture/post-thumb-1.jpg" alt="环保农产品图">
										</div>
										<h6><a href="#">环保农产品</a></h6>
										<div class="rating">
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
										</div>
										<div class="price-box">25美元</div>
										<a class="theme-btn bag-btn" href="#">加入购物袋</a>
									</div>
								</div>

							</div>

						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
	<!-- 侧边购物车结束 -->

	<!-- 轮播图区域四 -->
	<section class="slider-four">
		<div class="main-slider swiper-container">
			<div class="swiper-wrapper">

				<!-- 轮播幻灯片 -->
				<div class="swiper-slide">
					<div class="slider-four_vector-one" style="background-image:url(/picture/vector-1.png)"></div>
					<div class="slider-four_vector-two" style="background-image:url(/picture/vector-2.png)"></div>
					<div class="slider-four_vector-three" style="background-image:url(/picture/vector-3.png)"></div>
					<div class="slider-four_vector-four" style="background-image:url(/picture/vector-6.png)"></div>
					<div class="slider-four_vector-five" style="background-image:url(/picture/vector-7.png)"></div>
					<div class="auto-container">
						<div class="row clearfix">
							<!-- 内容列 -->
							<div class="slider-four_content col-lg-7 col-md-12 col-sm-12">
								<div class="slider-four_content-inner">
									<h1 class="slider-four_heading">新鲜</h1>
									<div class="slider-four_text">有机健康
										<div class="slider-four_icon-two">
											<img src="/picture/image-8.png" alt="">
										</div>
										食品农场
									</div>
									<div class="slider-four_button flex-wrap">
										<a href="shop.html" class="theme-btn btn-style-ten">
											<i class="left-circle"></i>
											<i class="right-circle"></i>
											<span class="btn-wrap">
												<span class="text-one">我们的产品</span>
												<span class="text-two">我们的产品</span>
											</span>
										</a>
										<a href="shop.html" class="theme-btn btn-style-eight">
											<span class="btn-wrap">
												<span class="text-one">立即购买</span>
												<span class="text-two">立即购买</span>
											</span>
										</a>
									</div>
								</div>
							</div>

							<!-- 图片列 -->
							<div class="slider-four_image-column col-lg-5 col-md-12 col-sm-12">
								<div class="slider-four_image">
									<img src="/picture/image-9.png" alt="新鲜有机食品图片">
								</div>
							</div>

						</div>
					</div>
				</div>

				<!-- 轮播幻灯片 -->
				<div class="swiper-slide alternate">
					<div class="slider-four_vector-one" style="background-image:url(/picture/vector-1.png)"></div>
					<div class="slider-four_vector-two" style="background-image:url(/picture/vector-2.png)"></div>
					<div class="slider-four_vector-three" style="background-image:url(/picture/vector-3.png)"></div>
					<div class="slider-four_vector-four" style="background-image:url(/picture/vector-6.png)"></div>
					<div class="slider-four_vector-five" style="background-image:url(/picture/vector-7.png)"></div>
					<div class="auto-container">
						<div class="row clearfix">
							<!-- 内容列 -->
							<div class="slider-four_content col-lg-7 col-md-12 col-sm-12">
								<div class="slider-four_content-inner">
									<h1 class="slider-four_heading">智能</h1>
									<div class="slider-four_text">有机健康
										<div class="slider-four_icon-two">
											<img src="/picture/image-8.png" alt="">
										</div>
										解决方案
									</div>
									<div class="slider-four_button flex-wrap">
										<a href="shop.html" class="theme-btn btn-style-ten">
											<i class="left-circle"></i>
											<i class="right-circle"></i>
											<span class="btn-wrap">
												<span class="text-one">我们的产品</span>
												<span class="text-two">我们的产品</span>
											</span>
										</a>
										<a href="shop.html" class="theme-btn btn-style-eight">
											<span class="btn-wrap">
												<span class="text-one">立即购买</span>
												<span class="text-two">立即购买</span>
											</span>
										</a>
									</div>
								</div>
							</div>

							<!-- 图片列 -->
							<div class="slider-four_image-column col-lg-5 col-md-12 col-sm-12">
								<div class="slider-four_image">
									<img src="/picture/image-10.png" alt="智能有机解决方案图片">
								</div>
							</div>

						</div>
					</div>
				</div>

				<!-- 轮播幻灯片 -->
				<div class="swiper-slide">
					<div class="slider-four_vector-one" style="background-image:url(/picture/vector-1.png)"></div>
					<div class="slider-four_vector-two" style="background-image:url(/picture/vector-2.png)"></div>
					<div class="slider-four_vector-three" style="background-image:url(/picture/vector-3.png)"></div>
					<div class="slider-four_vector-four" style="background-image:url(/picture/vector-6.png)"></div>
					<div class="slider-four_vector-five" style="background-image:url(/picture/vector-7.png)"></div>
					<div class="auto-container">
						<div class="row clearfix">
							<!-- 内容列 -->
							<div class="slider-four_content col-lg-7 col-md-12 col-sm-12">
								<div class="slider-four_content-inner">
									<h1 class="slider-four_heading">新鲜</h1>
									<div class="slider-four_text">有机健康
										<div class="slider-four_icon-two">
											<img src="/picture/image-8.png" alt="">
										</div>
										食品农场
									</div>
									<div class="slider-four_button flex-wrap">
										<a href="shop.html" class="theme-btn btn-style-ten">
											<i class="left-circle"></i>
											<i class="right-circle"></i>
											<span class="btn-wrap">
												<span class="text-one">我们的产品</span>
												<span class="text-two">我们的产品</span>
											</span>
										</a>
										<a href="shop.html" class="theme-btn btn-style-eight">
											<span class="btn-wrap">
												<span class="text-one">立即购买</span>
												<span class="text-two">立即购买</span>
											</span>
										</a>
									</div>
								</div>
							</div>

							<!-- 图片列 -->
							<div class="slider-four_image-column col-lg-5 col-md-12 col-sm-12">
								<div class="slider-four_image">
									<img src="/picture/image-9.png" alt="新鲜有机食品图片">
								</div>
							</div>

						</div>
					</div>
				</div>

			</div>
		</div>
	</section>
	<!-- 轮播图区域四结束 -->

	<!-- 商品区域二 -->
	<section class="shop-two">
		<div class="auto-container">
			<div class="row clearfix">

				<!-- 商品块一 -->
				<div class="shop-block_one col-lg-6 col-md-6 col-sm-12">
					<div class="shop-block_one-inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
						<div class="shop-block_one-vector" style="background-image:url(/picture/pattern-24.png)"></div>
						<div class="row clearfix">
							<div class="column col-lg-6 col-md-6 col-sm-6">
								<div class="shop-block_one-off">最高50%折扣</div>
								<h3 class="shop-block_one-title">本周最佳优惠！</h3>
								<a class="shop-block_one-btn" href="shop.html">立即购买</a>
							</div>
							<div class="column col-lg-6 col-md-6 col-sm-6">
								<div class="shop-block_one-image">
									<img src="/picture/shop-1.png" alt="本周优惠商品图片">
								</div>
							</div>
						</div>
					</div>
				</div>

				<!-- 商品块一 -->
				<div class="shop-block_one col-lg-6 col-md-6 col-sm-12">
					<div class="shop-block_one-inner wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
						<div class="shop-block_one-vector" style="background-image:url(/picture/pattern-25.png)"></div>
						<div class="shop-block_one-icon" style="background-image:url(/picture/icon-40.png)"></div>
						<div class="row clearfix">
							<div class="column col-lg-6 col-md-6 col-sm-6">
								<div class="shop-block_one-image">
									<img src="/picture/shop-2.png" alt="有机新鲜蔬菜图片">
								</div>
							</div>
							<div class="column col-lg-6 col-md-6 col-sm-6">
								<div class="shop-block_one-off">最高40%折扣</div>
								<h3 class="shop-block_one-title">有机新鲜蔬菜</h3>
								<a class="shop-block_one-btn" href="shop.html">立即购买</a>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</section>
	<!-- 商品区域二结束 -->

	<!-- 关于我们区域一 -->
	<section class="about-one">
		<div class="about-one-icon_one" style="background-image:url(/picture/icon-41.png)"></div>
		<div class="about-one-icon_two" style="background-image:url(/picture/icon-42.png)"></div>
		<div class="about-one-icon_five" style="background-image:url(/picture/icon-45.png)"></div>
		<div class="auto-container">
			<div class="row clearfix">
				<!-- 图片列 -->
				<div class="about-one_image-column col-lg-6 col-md-12 col-sm-12">
					<div class="about-one_image-inner">
						<div class="about-one-icon_three" style="background-image:url(/picture/icon-43.png)"></div>
						<div class="about-one-icon_four" style="background-image:url(/picture/icon-44.png)"></div>
						<div class="about-one_image">
							<img src="/picture/about-2.jpg" alt="关于我们图片">
						</div>
						<div class="about-one_image-two">
							<img src="/picture/about-3.jpg" alt="关于我们图片二">
						</div>
						<div class="about-one_counter" style="background-image:url(/picture/icon-46.png)">
							<span>2565+</span> 我们的总产品数量
						</div>
					</div>
				</div>
				<!-- 内容列 -->
				<div class="about-one_content-column col-lg-6 col-md-12 col-sm-12">
					<div class="about-one_content">
						<!-- 区域标题 / 样式二 -->
						<div class="sec-title style-two">
							<div class="sec-title_title">关于我们</div>
							<h2 class="sec-title_heading">健康饮食 <br> 营养财富</h2>
							<div class="sec-title_text">Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspen disse ultrices gravida. 我们是家庭的核心</div>
						</div>

						<!-- 特色块七 -->
						<div class="feature-block_seven">
							<div class="feature-block_seven-inner">
								<div class="feature-block_seven-icon flaticon-care"></div>
								<h4 class="feature-block_seven-title">健康蔬菜和水果</h4>
								Eco Consectetur adipiscing elit sed
							</div>
						</div>
						<!-- 特色块一结束 -->

						<!-- 特色块七 -->
						<div class="feature-block_seven">
							<div class="feature-block_seven-inner">
								<div class="feature-block_seven-icon flaticon-organic"></div>
								<h4 class="feature-block_seven-title">认证有机来源</h4>
								我们确保只提供高质量认证的产品
							</div>
						</div>
						<!-- 特色块一结束 -->

						<div class="about-one_text">Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis </div>

						<!-- 勾选 -->
						<div class="about-one_check"><i><img src="/picture/icon-47.png" alt=""></i> 顶级品质有机健康食品生产</div>

					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- 关于我们区域一结束 -->

	<!-- 分类区域二 -->
	<section class="category-two">
		<div class="auto-container">
			<!-- 区域标题 / 样式二 -->
			<div class="sec-title style-two centered">
				<div class="sec-title_title">按分类购物</div>
				<h2 class="sec-title_heading">探索我们最受欢迎的 <br> 有机食品</h2>
			</div>
			<div class="clearfix">

				<!-- 分类块二 -->
				<div class="category-block_two">
					<div class="category-block_two-inner">
						<div class="category-block_two-image">
							<img src="/picture/category-1.jpg" alt="水果分类图片">
							<div class="category-block_two-content">
								<div class="category-block_two-icon">
									<img src="/picture/icon-48.png" alt="">
								</div>
								<h4 class="category-block_two-title"><a href="shop.html">水果</a></h4>
								<div class="category-block_two-products">15 种产品</div>
							</div>
						</div>
					</div>
				</div>

				<!-- 分类块二 -->
				<div class="category-block_two">
					<div class="category-block_two-inner">
						<div class="category-block_two-image">
							<img src="/picture/category-2.jpg" alt="蔬菜分类图片">
							<div class="category-block_two-content">
								<div class="category-block_two-icon">
									<img src="/picture/icon-49.png" alt="">
								</div>
								<h4 class="category-block_two-title"><a href="shop.html">蔬菜</a></h4>
								<div class="category-block_two-products">20 种产品</div>
							</div>
						</div>
					</div>
				</div>

				<!-- 分类块二 -->
				<div class="category-block_two">
					<div class="category-block_two-inner">
						<div class="category-block_two-image">
							<img src="/picture/category-3.jpg" alt="果汁分类图片">
							<div class="category-block_two-content">
								<div class="category-block_two-icon">
									<img src="/picture/icon-50.png" alt="">
								</div>
								<h4 class="category-block_two-title"><a href="shop.html">果汁</a></h4>
								<div class="category-block_two-products">15 种产品</div>
							</div>
						</div>
					</div>
				</div>

				<!-- 分类块二 -->
				<div class="category-block_two">
					<div class="category-block_two-inner">
						<div class="category-block_two-image">
							<img src="/picture/category-4.jpg" alt="沙拉分类图片">
							<div class="category-block_two-content">
								<div class="category-block_two-icon">
									<img src="/picture/icon-51.png" alt="">
								</div>
								<h4 class="category-block_two-title"><a href="shop.html">沙拉</a></h4>
								<div class="category-block_two-products">05 种产品</div>
							</div>
						</div>
					</div>
				</div>

				<!-- 分类块二 -->
				<div class="category-block_two">
					<div class="category-block_two-inner">
						<div class="category-block_two-image">
							<img src="/picture/category-5.jpg" alt="肉类和鱼类分类图片">
							<div class="category-block_two-content">
								<div class="category-block_two-icon">
									<img src="/picture/icon-52.png" alt="">
								</div>
								<h4 class="category-block_two-title"><a href="shop.html">肉类和鱼类</a></h4>
								<div class="category-block_two-products">30 种产品</div>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</section>
	<!-- 分类区域二结束 -->

	<!-- 折扣区域一 -->
	<section class="off-one">
		<div class="off-one-icon_one" style="background-image:url(/picture/icon-53.png)"></div>
		<div class="off-one-icon_two" style="background-image:url(/picture/icon-54.png)"></div>
		<div class="auto-container">
			<div class="row clearfix">

				<!-- 图片列 -->
				<div class="off-one_image-column col-lg-5 col-md-12 col-sm-12">
					<div class="off-one_image">
						<img src="/picture/off.png" alt="折扣活动图片">
					</div>
				</div>

				<!-- 内容列 -->
				<div class="off-one_content-column col-lg-7 col-md-12 col-sm-12">
					<div class="off-one_content">
						<div class="off-one_title">享受40%优惠</div>
						<h2 class="off-one_heading">天然有机蔬菜和水果农场</h2>
						<div class="off-one_text">了解更多关于这种袋子如何成为 <br> 传统塑料包装的绝佳替代品</div>
						<a class="off-one_btn" href="#">立即购买</a>
					</div>
				</div>

			</div>
		</div>
	</section>
	<!-- 折扣区域一结束 -->

	<!-- 商品区域三 -->
	<section class="shop-three">
		<div class="auto-container">
			<!-- 区域标题 / 样式二 -->
			<div class="sec-title style-two centered">
				<div class="sec-title_title">按分类购物</div>
				<h2 class="sec-title_heading">浏览我们商店中的 <br> 产品列表</h2>
			</div>
			<div class="clearfix">

				<!-- 产品块二 -->
				<div class="product-block_two">
					<div class="product-block_two-inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
						<div class="product-block_two-sale">特价</div>
						<div class="product-block_two-image">
							<a href="shop-detail.html"><img src="/picture/10.png" alt="新鲜甜椒图片"></a>
							<div class="product-block_two-price">10美元</div>
						</div>
						<div class="product-block_two-content">
							<div class="product-block_two-tag">沙拉</div>
							<div class="product-block_two-rating">
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
								<span class="light fa fa-star"></span>
							</div>
							<h4 class="product-block_two-title"><a href="shop-detail.html">新鲜甜椒</a></h4>
							<a class="product-block_two-cart" href="shop-detail.html">加入购物车</a>
						</div>
					</div>
				</div>

				<!-- 产品块二 -->
				<div class="product-block_two">
					<div class="product-block_two-inner wow fadeInLeft" data-wow-delay="150ms" data-wow-duration="1500ms">
						<div class="product-block_two-image">
							<a href="shop-detail.html"><img src="/picture/11.png" alt="新鲜果汁图片"></a>
							<div class="product-block_two-price">60美元</div>
						</div>
						<div class="product-block_two-content">
							<div class="product-block_two-tag">果汁</div>
							<div class="product-block_two-rating">
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
								<span class="light fa fa-star"></span>
							</div>
							<h4 class="product-block_two-title"><a href="shop-detail.html">新鲜果汁</a></h4>
							<a class="product-block_two-cart" href="shop-detail.html">加入购物车</a>
						</div>
					</div>
				</div>

				<!-- 产品块二 -->
				<div class="product-block_two">
					<div class="product-block_two-inner wow fadeInLeft" data-wow-delay="300ms" data-wow-duration="1500ms">
						<div class="product-block_two-image">
							<a href="shop-detail.html"><img src="/picture/12.png" alt="羊肉图片"></a>
							<div class="product-block_two-price">90美元</div>
						</div>
						<div class="product-block_two-content">
							<div class="product-block_two-tag">肉类</div>
							<div class="product-block_two-rating">
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
								<span class="light fa fa-star"></span>
							</div>
							<h4 class="product-block_two-title"><a href="shop-detail.html">羊肉</a></h4>
							<a class="product-block_two-cart" href="shop-detail.html">加入购物车</a>
						</div>
					</div>
				</div>

				<!-- 产品块二 -->
				<div class="product-block_two">
					<div class="product-block_two-inner wow fadeInLeft" data-wow-delay="450ms" data-wow-duration="1500ms">
						<div class="product-block_two-sale">特价</div>
						<div class="product-block_two-image">
							<a href="shop-detail.html"><img src="/picture/13.png" alt="新鲜芒果图片"></a>
							<div class="product-block_two-price">12美元</div>
						</div>
						<div class="product-block_two-content">
							<div class="product-block_two-tag">水果</div>
							<div class="product-block_two-rating">
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
								<span class="light fa fa-star"></span>
							</div>
							<h4 class="product-block_two-title"><a href="shop-detail.html">新鲜芒果</a></h4>
							<a class="product-block_two-cart" href="shop-detail.html">加入购物车</a>
						</div>
					</div>
				</div>

				<!-- 产品块二 -->
				<div class="product-block_two">
					<div class="product-block_two-inner wow fadeInLeft" data-wow-delay="600ms" data-wow-duration="1500ms">
						<div class="product-block_two-sale">特价</div>
						<div class="product-block_two-image">
							<a href="shop-detail.html"><img src="/picture/14.png" alt="100%橙汁图片"></a>
							<div class="product-block_two-price">12美元</div>
						</div>
						<div class="product-block_two-content">
							<div class="product-block_two-tag">果汁</div>
							<div class="product-block_two-rating">
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
								<span class="light fa fa-star"></span>
							</div>
							<h4 class="product-block_two-title"><a href="shop-detail.html">100%橙汁</a></h4>
							<a class="product-block_two-cart" href="shop-detail.html">加入购物车</a>
						</div>
					</div>
				</div>

			</div>
		</div>
	</section>
	<!-- 商品区域三结束 -->

	<!-- 客户评价区域三 -->
	<section class="testimonial-three">
		<div class="auto-container">
			<div class="title-box centered">
				<span>21,000+</span>感谢您的信任
			</div>
		</div>
		<div class="testimonial_carousel swiper-container">
			<div class="swiper-wrapper">

				<!-- 轮播幻灯片 -->
				<div class="swiper-slide">
					<!-- 客户评价块四 -->
					<div class="testimonial-block_four">
						<div class="testimonial-block_four-inner" style="background-image:url(/picture/pattern-26.png)">
							<div class="d-flex justify-content-between align-items-center flex-wrap">
								<div class="testimonial-block_four-author">
									<img src="/picture/author-10.jpg" alt="客户头像">
								</div>
								<div class="testimonial-block_four-quote flaticon-right-quote"></div>
							</div>
							<div class="testimonial-block_four-text">“新鲜的水果和蔬菜非常棒，而且产品种类繁多”</div>
							<div class="d-flex justify-content-between align-items-center flex-wrap">
								<div class="testimonial-block_four-info">
									霍华德·杰里米 <span>高级草坪创始人</span>
								</div>
								<div class="testimonial-block_four-rating">
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!-- 轮播幻灯片 -->
				<div class="swiper-slide">
					<!-- 客户评价块四 -->
					<div class="testimonial-block_four">
						<div class="testimonial-block_four-inner" style="background-image:url(/picture/pattern-26.png)">
							<div class="d-flex justify-content-between align-items-center flex-wrap">
								<div class="testimonial-block_four-author">
									<img src="/picture/author-11.jpg" alt="客户头像">
								</div>
								<div class="testimonial-block_four-quote flaticon-right-quote"></div>
							</div>
							<div class="testimonial-block_four-text">“新鲜的水果和蔬菜非常棒，而且产品种类繁多”</div>
							<div class="d-flex justify-content-between align-items-center flex-wrap">
								<div class="testimonial-block_four-info">
									霍华德·杰里米 <span>高级草坪创始人</span>
								</div>
								<div class="testimonial-block_four-rating">
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!-- 轮播幻灯片 -->
				<div class="swiper-slide">
					<!-- 客户评价块四 -->
					<div class="testimonial-block_four">
						<div class="testimonial-block_four-inner" style="background-image:url(/picture/pattern-26.png)">
							<div class="d-flex justify-content-between align-items-center flex-wrap">
								<div class="testimonial-block_four-author">
									<img src="/picture/author-10.jpg" alt="客户头像">
								</div>
								<div class="testimonial-block_four-quote flaticon-right-quote"></div>
							</div>
							<div class="testimonial-block_four-text">“新鲜的水果和蔬菜非常棒，而且产品种类繁多”</div>
							<div class="d-flex justify-content-between align-items-center flex-wrap">
								<div class="testimonial-block_four-info">
									霍华德·杰里米 <span>高级草坪创始人</span>
								</div>
								<div class="testimonial-block_four-rating">
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>

			<!-- 客户评价区域三箭头 -->
			<div class="testimonial-three-arrow">
				<!-- 如果需要导航按钮 -->
				<div class="testimonial_carousel-prev"><i class="flaticon-arrow-3"></i></div>
				<div class="testimonial_carousel-next"><i class="flaticon-arrow-2"></i></div>
			</div>

			<!-- 如果需要分页 -->
			<div class="testimonial_carousel-pagination"></div>

		</div>
	</section>
	<!-- 客户评价区域三结束 -->

	<!-- 服务区域六 -->
	<section class="services-six">
		<div class="services-six_one-icon" style="background-image:url(/picture/icon-59.png)"></div>
		<div class="services-six_vector" style="background-image:url(/picture/pattern-27.png)"></div>
		<div class="services-six_color-one"></div>
		<div class="auto-container">
			<div class="row clearfix">
				<!-- 列 -->
				<div class="column col-lg-8 col-md-12 col-sm-12">
					<!-- 区域标题 / 样式二 -->
					<div class="sec-title style-two light">
						<div class="sec-title_title">优质服务</div>
						<h2 class="sec-title_heading">我们为客户提供的 <br> 服务项目</h2>
					</div>
					<div class="row clearfix">
						<!-- 服务块五 -->
						<div class="services-block_five col-lg-6 col-md-6 col-sm-6">
							<div class="services-block_five-inner">
								<div class="d-flex justify-content-between align-items-center flex-wrap">
									<div class="services-block_five-icon">
										<img src="/picture/icon-55.png" alt="">
									</div>
									<a href="service-detail.html" class="services-block_five-arrow"><i class="flaticon-arrow-2"></i></a>
								</div>
								<h4 class="services-block_five-heading"><a href="service-detail.html">花园设计</a></h4>
								<div class="services-block_five-text">Lorem ipsum dolor sit amet con lorem etur adipiscing elit sed do eiusmod </div>
							</div>
						</div>

						<!-- 服务块五 -->
						<div class="services-block_five col-lg-6 col-md-6 col-sm-6">
							<div class="services-block_five-inner">
								<div class="d-flex justify-content-between align-items-center flex-wrap">
									<div class="services-block_five-icon">
										<img src="/picture/icon-56.png" alt="">
									</div>
									<a href="service-detail.html" class="services-block_five-arrow"><i class="flaticon-arrow-2"></i></a>
								</div>
								<h4 class="services-block_five-heading"><a href="service-detail.html">草坪护理</a></h4>
								<div class="services-block_five-text">Lorem ipsum dolor sit amet con lorem etur adipiscing elit sed do eiusmod </div>
							</div>
						</div>

						<!-- 服务块五 -->
						<div class="services-block_five col-lg-6 col-md-6 col-sm-6">
							<div class="services-block_five-inner">
								<div class="d-flex justify-content-between align-items-center flex-wrap">
									<div class="services-block_five-icon">
										<img src="/picture/icon-57.png" alt="">
									</div>
									<a href="service-detail.html" class="services-block_five-arrow"><i class="flaticon-arrow-2"></i></a>
								</div>
								<h4 class="services-block_five-heading"><a href="service-detail.html">蔬菜种植</a></h4>
								<div class="services-block_five-text">Lorem ipsum dolor sit amet con lorem etur adipiscing elit sed do eiusmod </div>
							</div>
						</div>

						<!-- 服务块五 -->
						<div class="services-block_five col-lg-6 col-md-6 col-sm-6">
							<div class="services-block_five-inner">
								<div class="d-flex justify-content-between align-items-center flex-wrap">
									<div class="services-block_five-icon">
										<img src="/picture/icon-58.png" alt="">
									</div>
									<a href="service-detail.html" class="services-block_five-arrow"><i class="flaticon-arrow-2"></i></a>
								</div>
								<h4 class="services-block_five-heading"><a href="service-detail.html">水果园</a></h4>
								<div class="services-block_five-text">Lorem ipsum dolor sit amet con lorem etur adipiscing elit sed do eiusmod </div>
							</div>
						</div>

					</div>
				</div>
				<!-- 列 -->
				<div class="column col-lg-4 col-md-12 col-sm-12">
					<div class="services-block_five-image">
						<img src="/picture/service-7.png" alt="服务项目图片">
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- 服务区域六结束 -->

	<!-- 新闻区域四 -->
	<section class="news-four">
		<div class="auto-container">
			<!-- 区域标题 / 样式二 -->
			<div class="sec-title style-two centered">
				<div class="sec-title_title">来自博客</div>
				<h2 class="sec-title_heading">获取公司的最新 <br> 新闻和博客</h2>
			</div>
			<div class="row clearfix">

				<!-- 新闻块四 -->
				<div class="news-block_four col-lg-4 col-md-6 col-sm-12">
					<div class="news-block_four-inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
						<div class="news-block_four-image">
							<a href="blog-detail.html"><img src="/picture/news-15.jpg" alt="有机饮食文章图片"></a>
						</div>
						<div class="news-block_four-content">
							<div class="news-block_four-date">2024年8月15日</div>
							<h4 class="news-block_four-heading"><a href="blog-detail.html">有机饮食：初学者的购物清单</a></h4>
							<ul class="news-block_four-meta d-flex justify-content-between align-items-center flex-wrap">
								<li><span class="icon fas fa-user fa-fw"></span>作者：马赫福兹</li>
								<li><span class="icon fas fa-comment fa-fw"></span>评论：10</li>
							</ul>
						</div>
					</div>
				</div>

				<!-- 新闻块四 -->
				<div class="news-block_four col-lg-4 col-md-6 col-sm-12">
					<div class="news-block_four-inner wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
						<div class="news-block_four-image">
							<a href="blog-detail.html"><img src="/picture/news-16.jpg" alt="有机种植指南图片"></a>
						</div>
						<div class="news-block_four-content">
							<div class="news-block_four-date">2024年8月15日</div>
							<h4 class="news-block_four-heading"><a href="blog-detail.html">有机种植初学者指南</a></h4>
							<ul class="news-block_four-meta d-flex justify-content-between align-items-center flex-wrap">
								<li><span class="icon fas fa-user fa-fw"></span>作者：马赫福兹</li>
								<li><span class="icon fas fa-comment fa-fw"></span>评论：10</li>
							</ul>
						</div>
					</div>
				</div>

				<!-- 新闻块四 -->
				<div class="news-block_four col-lg-4 col-md-6 col-sm-12">
					<div class="news-block_four-inner wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
						<div class="news-block_four-image">
							<a href="blog-detail.html"><img src="/picture/news-17.jpg" alt="有机饮食与农药接触图片"></a>
						</div>
						<div class="news-block_four-content">
							<div class="news-block_four-date">2024年8月15日</div>
							<h4 class="news-block_four-heading"><a href="blog-detail.html">有机饮食与农药接触</a></h4>
							<ul class="news-block_four-meta d-flex justify-content-between align-items-center flex-wrap">
								<li><span class="icon fas fa-user fa-fw"></span>作者：马赫福兹</li>
								<li><span class="icon fas fa-comment fa-fw"></span>评论：10</li>
							</ul>
						</div>
					</div>
				</div>

			</div>
		</div>
	</section>
	<!-- 新闻区域四结束 -->

	<!-- 订阅区域二 -->
	<section class="subscribe-two">
		<div class="auto-container">
			<div class="subscribe-one_grass" style="background-image:url(/picture/pattern-13.png)"></div>
			<div class="inner-container">
				<div class="row clearfix">
					<!-- 列 -->
					<div class="column col-lg-5 col-md-12 col-sm-12">
						<div class="title-box">
							<h2 class="subscribe-two_heading">订阅我们</h2>
							<div class="subscribe-two_text">订阅即可享受首次订单10%折扣</div>
						</div>
					</div>
					<!-- 列 -->
					<div class="column col-lg-7 col-md-12 col-sm-12">
						<div class="newsletter-box">
							<form method="post" action="javascript:;">
								<div class="form-group">
									<input type="email" name="search-field" value="" placeholder="电子邮箱地址" required>
									<button type="submit" class="theme-btn">订阅</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- 订阅区域二结束 -->

	<!-- 主页脚 -->
	<footer class="main-footer style-three">
		<div class="main-footer_pattern" style="background-image: url(/picture/footer-bg.jpg)"></div>
		<div class="auto-container">
			<div class="inner-container">
				<!-- 小部件区域 -->
				<div class="widgets-section">
					<div class="row clearfix">

						<!-- 大列 -->
						<div class="big-column col-lg-6 col-md-12 col-sm-12">
							<div class="row clearfix">

								<!-- 页脚列 -->
								<div class="footer_column col-lg-6 col-md-6 col-sm-12">
									<div class="footer-widget footer-two_logo-widget">
										<div class="footer-logo"><a href="index1.html"><img src="/picture/logo.png" alt="" title=""></a></div>
										<div class="footer-text">拥有30多年的经验，我们将确保您获得最佳指导。成为Fantastic Services合作伙伴，获得有保障的工作</div>
										<!-- 社交媒体区域 -->
										<div class="footer_socials">
											<a href="https://facebook.com/"><i class="fa-brands fa-facebook-f"></i></a>
											<a href="https://twitter.com/"><i class="fa-brands fa-twitter"></i></a>
											<a href="https://youtube.com/"><i class="fa-brands fa-youtube"></i></a>
											<a href="https://instagram.com/"><i class="fa-brands fa-instagram"></i></a>
										</div>
									</div>
								</div>

								<!-- 页脚列 -->
								<div class="footer_column col-lg-6 col-md-6 col-sm-12">
									<div class="footer-widget contact-widget">
										<h5 class="footer-title">联系我们</h5>
										<ul class="footer-contact_list">
											<li><span class="icon flaticon-maps-and-flags"></span>Denny Lane Chew Magna Bristol BS40 8SZ（地址）</li>
											<li><span class="icon flaticon-call"></span>联系我们 <br> <a href="tel:+088-11-22-51-125">+088 11 22 51 125</a></li>
											<li><span class="icon flaticon-envelope"></span>快速发送邮件 <br> <a href="/cdn-cgi/l/email-protection#2d4548415d1c1f6d4a4c404441034e4240"><span class="__cf_email__" data-cfemail="0c6469607c3d3e4c6b6d616560226f6361">[email&#160;protected]</span></a></li>
										</ul>
									</div>
								</div>

							</div>
						</div>

						<!-- 大列 -->
						<div class="big-column col-lg-6 col-md-12 col-sm-12">
							<div class="row clearfix">

								<!-- 页脚列 -->
								<div class="footer_column col-lg-5 col-md-6 col-sm-12">
									<div class="footer-widget links-widget">
										<h5 class="footer-title">有用链接</h5>
										<ul class="footer-list">
											<li><a href="#">Cookie政策</a></li>
											<li><a href="#">招聘信息</a></li>
											<li><a href="#">政策</a></li>
											<li><a href="#">关于我们</a></li>
											<li><a href="#">联系我们</a></li>
										</ul>

									</div>
								</div>

								<!-- 页脚列 -->
								<div class="footer_column col-lg-7 col-md-6 col-sm-12">
									<div class="footer-widget post-widget">
										<h5 class="footer-title">热门文章</h5>
										<!-- 新闻小部件块 -->
										<div class="news-widget-block">
											<div class="news-widget_image">
												<img src="/picture/post-thumb-1.jpg" alt="文章缩略图">
											</div>
											<div class="news-widget_post-date">2024年10月12日</div>
											<h6 class="news-widget_title"><a href="news-detail.html">日常饮食中必须包含的5种有机产品</a></h6>
										</div>

										<!-- 新闻小部件块 -->
										<div class="news-widget-block">
											<div class="news-widget_image">
												<img src="/picture/post-thumb-2.jpg" alt="文章缩略图">
											</div>
											<div class="news-widget_post-date">2024年10月10日</div>
											<h6 class="news-widget_title"><a href="news-detail.html">为你的情人节做一顿印度晚餐</a></h6>
										</div>
									</div>
								</div>

							</div>
						</div>

					</div>
				</div>

			</div>
			<div class="footer-bottom">
				<div class="main-footer_copyright">© 2024 版权所有。由 <a href="https://themeforest.net/user/themazine">themazine</a> 设计</div>
			</div>
		</div>
	</footer>
	<!-- 页脚样式结束 -->

	<!-- 搜索弹窗 -->
	<div class="search-popup">
		<div class="color-layer"></div>
		<button class="close-search"><span class="flaticon-close"></span></button>
		<form method="post" action="javascript:;">
			<div class="form-group">
				<input type="search" name="search-field" value="" placeholder="在此搜索" required="">
				<button class="fa fa-solid fa-magnifying-glass fa-fw" type="submit"></button>
			</div>
		</form>
	</div>
	<!-- 搜索弹窗结束 -->

	<!-- 颜色面板 / 颜色切换器 -->
	<div class="color-palate">
		<div class="color-trigger">
			<i class="fa fa-solid fa-gear fa-fw"></i>
		</div>
		<div class="color-palate-inner">
			<div class="color-palate-head">
				<h6>选择选项</h6>
			</div>
			<h6>RTL版本</h6>
			<ul class="rtl-version option-box"> <li class="rtl">RTL版本</li> <li>LTR版本</li> </ul>
			<h6>需要固定头部</h6>
			<ul class="header-version option-box"> <li class="box">否</li> <li>是</li></ul>

		</div>
	</div>
	<!-- 颜色面板 / 颜色切换器结束 -->

</div>
<!-- 页面包装器结束 -->

<div class="progress-wrap">
	<svg class="progress-circle svg-content" width="100%" height="100%" viewbox="-1 -1 102 102">
		<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path>
	</svg>
</div>

<script data-cfasync="false" src="/js/email-decode.min.js"></script><script src="/js/jquery.js"></script>
<script src="/js/popper.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/appear.js"></script>
<script src="/js/parallax.min.js"></script>
<script src="/js/tilt.jquery.min.js"></script>
<script src="/js/jquery.paroller.min.js"></script>
<script src="/js/wow.js"></script>
<script src="/js/swiper.min.js"></script>
<script src="/js/backtotop.js"></script>
<script src="/js/odometer.js"></script>
<script src="/js/parallax-scroll.js"></script>

<script src="/js/gsap.min.js"></script>
<script src="/js/SplitText.min.js"></script>
<script src="/js/ScrollTrigger.min.js"></script>
<script src="/js/ScrollToPlugin.min.js"></script>
<script src="/js/ScrollSmoother.min.js"></script>

<script src="/js/jquery.marquee.min.js"></script>
<script src="/js/magnific-popup.min.js"></script>
<script src="/js/nav-tool.js"></script>
<script src="/js/jquery-ui.js"></script>
<script src="/js/element-in-view.js"></script>
<script src="/js/color-settings.js"></script>
<script src="/js/script.js"></script>

<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'971e304ffed208c4',t:'MTc1NTY1NDA5MC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/js/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>
